<template>
  <!-- 分类 -->
  <div class="floor">
    <div class="category">
      <div v-for="(category,index) in floorGoodsList">
        <!--<div>{{category.name}}</div>-->
        <!--<div>
          <ul>
            <li v-for="(item,i) in category.goodsList">
              {{item.id}}
              {{item.name}}
              {{item.brief}}
              {{item.picUrl}}
              {{item.isNew}}
              {{item.isHot}}
              {{item.counterPrice}}
              {{item.retailPrice}}
            </li>
          </ul>
        </div>-->
      <default-goods-list :goodsList="category.goodsList" :goodsTitle="category.name"></default-goods-list>
      </div>
    </div>
  </div>
</template>

<script>
    import DefaultGoodsList from "./goodsDetails/DefaultGoodsList";
    export default {
        name: "Category",
      components: {DefaultGoodsList},
      data() {
           return {
             // floorGoodsList:this.$store.state.floorGoodsList
             // goodsTitle:''
           }
       },
      computed:{
          floorGoodsList(){
            return this.$store.state.floorGoodsList
          }
      }
    }
</script>

<style scoped>

</style>
